<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>论坛-论坛更多分类</title>
    <link rel="stylesheet" href="/stylesheets/root.css">
    <link rel="stylesheet" href="/stylesheets_copy/forum-more.css">
    <link rel="stylesheet" href="/stylesheets/public-stylesheets.css">
</head>

<body>
    <!-- 顶部栏组件 -->
    <div id="top">
        <p>论坛分类</p>
        <a href="/main.html">
            <img src="/images/public_images/return.png" alt="返回">
        </a>
    </div>

    <!-- 轮播图 -->
    <div id="banner-box">
        <img src="/images/forum-more/xiaoxiong.png" alt="三个小熊">
        <img src="/images/forum-more/cat.png" alt="摸鱼的猫猫">
        <div id="text">
            #四六级<br>
            没有计划怎么办？<br>
            干货技巧轻松拿下
        </div>
        <div id="switch-box">
            <div class="switch"></div>
            <div class="switch"></div>
            <div class="switch"></div>
        </div>
    </div>
    <!-- 学术类 -->
    <div class="kind-box">
        <div class="title-box">
            <p>学术类</p>
        </div>
        <hr>
        <div class="choose-box">
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/siliuji.png" alt="四六级">
                </div>
                <div class="card-box">
                    <p>四六级</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/kaozheng.png" alt="考证">
                </div>
                <div class="card-box">
                    <p>考证</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/kaoyan.png" alt="考研">
                </div>
                <div class="card-box">
                    <p>考研</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/shixi.png" alt="实习">
                </div>
                <div class="card-box">
                    <p>教资</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 八卦闲聊类 -->
    <div class="kind-box">
        <div class="title-box">
            <p>八卦闲聊类</p>
        </div>
        <hr>
        <div class="choose-box2">
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/shudon.png" alt="树洞">
                </div>
                <div class="card-box">
                    <p>树洞</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/yuanxiaodatin.png" alt="院校打听">
                </div>
                <div class="card-box">
                    <p>院校打听</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/dianying.png" alt="电影">
                </div>
                <div class="card-box">
                    <p>吃瓜群众</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/biaobaiqiang.png" alt="表白墙">
                </div>
                <div class="card-box">
                    <p>交友</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 社团类 -->
    <div class="kind-box">
        <div class="title-box">
            <p>社团类</p>
        </div>
        <hr>
        <div class="choose-box">
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/sheying.png" alt="摄影">
                </div>
                <div class="card-box">
                    <p>摄影社</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/lanqiu.png" alt="篮球">
                </div>
                <div class="card-box">
                    <p>篮球社</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/zuqiu.png" alt="足球">
                </div>
                <div class="card-box">
                    <p>足球社</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/yanjiang.png" alt="演讲">
                </div>
                <div class="card-box">
                    <p>阅读社</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 其它类 -->
        <div class="kind-box">
        <div class="title-box">
            <p>其它类</p>
        </div>
        <hr>
        <div class="choose-box2">
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/lvyou.png" alt="旅游">
                </div>
                <div class="card-box">
                    <p>旅游</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/chuanda.png" alt="穿搭">
                </div>
                <div class="card-box">
                    <p>穿搭</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/meishi.png" alt="美食">
                </div>
                <div class="card-box">
                    <p>好物分享</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
            <div class="group-box">
                <div class="head-box">
                    <img src="/images/forum-more/yinyue.png" alt="音乐">
                </div>
                <div class="card-box">
                    <p>游戏</p>
                    <p>已有xx人关注</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>